<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/9.29.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="nav">
        <div>
            <img src="./images/logo.png" alt="">
        </div>
        <ul>
            <li><span>HOME</span> WECOME!
                <img src="./images/menu_icon1_active.gif" alt="">
            </li>
            <li><span>NEWS</span> RESH<br>
                <img src="./images/menu_icon2_active.gif" alt="">
            </li>
            <li><span>SERVICES</span> FOR YOU<br>
                <img src="./images/menu_icon3_active.gif" alt="">
            </li>
            <li><span>PRODUCTS</span> THE BEST<br>
                <img src="./images/menu_icon4_active.gif" alt="">
            </li>
            <li><span>CONTACTS</span> 0UR ADDRESS
                <img src="./images/menu_icon5_active.gif" alt="">
            </li>
        </ul>
    </div>
    <!-- 轮播图 -->
    <div class="outer">
        <div>
            <img src="./images/img1.jpg" alt="">
            <img src="./images/img2.jpg" alt="">
            <img src="./images/img3.jpg" alt="">
            <img src="./images/img4.jpg" alt="">
            <img src="./images/img1.jpg" alt="">
            <img src="./images/img2.jpg" alt="">
        </div>
    </div>
    <!-- 内容 -->
    <!-- 内容--上 -->
    <div class="content">
        <div class="nr">
            <span>A</span>
            <span>Business planning</span>
            <p>Progress is one of freewebsite templates createdby TemplateMonster.
                com,optimized for 1024x768 res.</p>
                <a href="">Read More</a>
        </div>
        <div class="nr">
            <span>B</span>
            <span>Business planning</span>
            <p>Progress is one of freewebsite templates createdby TemplateMonster.
                com,optimized for 1024x768 res.</p>
                <a href="">Read More</a>
        </div>
        <div class="nr">
            <span>C</span>
            <span>Business planning</span>
            <p>Progress is one of freewebsite templates createdby TemplateMonster.
                com,optimized for 1024x768 res.</p>
                <a href="">Read More</a>
        </div>
        <div class="nr">
            <span>D</span>
            <span>Business planning</span>
            <p>Progress is one of freewebsite templates createdby TemplateMonster.
                com,optimized for 1024x768 res.</p>
                <a href="">Read More</a>
        </div>
    </div>
    <!-- 内容--下 -->
    <div class="title">
        <h2>
            Welcome, dear visitor!
        </h2>
        <h2>Testimonials</h2>
    </div>  
    <div class="content2">
        <div class="page">
            <img src="./images/page1_img1.jpg" alt="">
            <p>At vero eos et accusamus et iusto odio dignissimos ducimus quiblanditiis praesentium 
                voluptatum deleniti atque corrupti quosdolores et quas molestias 
                excepturi sint occaecati cupiditate nonprovident, similique sunt in culpa.<br>
                Et harum quidem rerum facilis est et expedita distinctio. Namlibero tempore, 
                cum soluta nobis est eligendi optio cumque nihilimpedit quo minus id
                quod maxime placeat facere possimus,omnis voluptas assumenda est, omnis dolor repellendus.
            </p>
        </div>
        <div class="page2">
            <div>
                <p>
                    "Nam libero tempore,
                    cum soluta nobis eligendiquo minus quod maximeplaceat facere.
                </p>
            </div>
            <div>
                <p><span>James Coloway,</span><br>Director</p>
                <img src="./images/marker_up.gif" alt="">
                <img src="./images/marker_down.gif" alt="">
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="footer">
        <div>
            <h2>
                Why Us?
            </h2>
            <ul>
                <li>> Lorem ipsum dolor sit</li>
                <li>> Dmet, consectetur</li>
                <li>> Adipisicing elit eiusmod</li>
                <li>> emporincididunt ut</li>
            </ul>
        </div>
        <div>
            <h2>
                Addres:
            </h2>
            <ul>
                <li>Country: USA</li>
                <li>City:San Diego</li>
                <li>Phone:8800154-45-67</li>
                <li>Email: progress@mail.com</li>
            </ul>
        </div>
        <div>
            <h2>
                Follow Us
            </h2>
            <ul>
                <li>
                    <img src="./images/icon1.jpg" alt="">
                    Facebook</li>
                <li><img src="./images/icon2.jpg" alt="">Twitter</li>
                <li><img src="./images/icon3.jpg" alt="">Linkedln</li>
                <li><img src="./images/icon4.jpg" alt="">ielicious</li>
            </ul>
        </div>
        <div>
            <h2>
                Newsletter
            </h2>
            <input type="text" placeholder="Type Your Email Here">
            <div class="sub">
                Subscribe
            </div>
        </div>
    </div>
    <!-- 结尾 -->
    <div class="over">
        <p><span>Website Template</span> by TemplateMonst</p>
        <span>3D Models</span> provided by Templates.com
    </div>
</body>
</html>